<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>PC端布局项目</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet/less" href="./css/common.less">
  <link rel="stylesheet/less" href="./css/index.less">
</head>

<body>
  <header>
    <nav class="clearfix">
      <img src="./images/logo.png" alt="">
      <ul>
        <li><a href="#">科技</a></li>
        <li><a href="">机器人</a></li>
        <li><a href="">大数据</a></li>
        <li><a href="">自动化</a></li>
        <li><a href="">Sign in</a></li>
      </ul>
    </nav>
    <div class="banner">
      <img src="./images/3D-img.png" alt="">
      <span>
        <h2>5G时代</h2>
        <h2>科技改变生活5G时代进入全智能时代</h2>
        <p>第五代移动电话行动通信标准，也称第五代移动通信技术，外语缩写：5G。5G网络的理论下行速度为10Gb/s（相当于下载速度1.25GB/s）</p>
        <input type="button" value="立即升级">
        <input type="button" value="了解更多">
      </span>
    </div>
  </header>
  <div class="internet">
    <div class="title">
      <h2>互联网</h2>
      <h4>Internet</h4>
      <hr>
      <p>互联网信息网络化带来的影响是多方面、多角度以及多层次的。</p>
    </div>
    <ul>
      <li>
        <img src="./images/shop_icon.png" alt="">
        <h3>网上商城</h3>
      </li>
      <li>
        <img src="./images/card_icon.png" alt="">
        <h3>线上交易</h3>
      </li>
      <li>
        <img src="./images/bubbles_icon.png" alt="">
        <h3>网络通讯</h3>
      </li>
      <li>
        <img src="./images/home_icon.png" alt="">
        <h3>线上看房</h3>
      </li>
    </ul>
  </div>
  <div class="more">
    <div>
      <span>
        <h2>互联网给我们带来了哪些影响</h2>
        <p>互联网上的信息非常丰富，五花八门，带给我们很多便利。</p>
        <p>然而，无形之中我们每天都感觉脱离不了网，在家的时候网断了或者信号不好心情就比较差，心情会有点焦虑。究竟如何正视互联网的影响呢？我们要坚信一点，互联网是时代发展的方向，它的好处远远大于坏处的。</p>
        <input type="button" value="MORE>>">
      </span>
      <img src="./images/3D_img2.png" alt="">
    </div>
  </div>
  <div class="information">
    <div class="title">
      <h2>企业资讯</h2>
      <h4>Enterprise information</h4>
      <hr>
    </div>
    <ul>
      <li>
        <h2>19/05/20</h2>
        <h3>这里有更多科技资讯</h3>
        <hr>
        <p>人在福中不知福，直到有一天苦了，才对比出以前的甜。所以甜中总有苦，福中总有祸的人，最能感受幸福。所以，淡淡的君子之交最能长久，若即若离的爱情最堪回味。</p>
        <a href="">></a>
      </li>
      <li>
        <h2>19/05/20</h2>
        <h3>这里有更多科技资讯</h3>
        <hr>
        <p>人在福中不知福，直到有一天苦了，才对比出以前的甜。所以甜中总有苦，福中总有祸的人，最能感受幸福。所以，淡淡的君子之交最能长久，若即若离的爱情最堪回味。</p>
        <a href="">></a>
      </li>
      <li>
        <h2>19/05/20</h2>
        <h3>这里有更多科技资讯</h3>
        <hr>
        <p>人在福中不知福，直到有一天苦了，才对比出以前的甜。所以甜中总有苦，福中总有祸的人，最能感受幸福。所以，淡淡的君子之交最能长久，若即若离的爱情最堪回味。</p>
        <a href="">></a>
      </li>
    </ul>
  </div>
  <div class="era">
    <div class="title">
      <h2>科技时代</h2>
      <h4>Technology era</h4>
      <hr>
    </div>
    <ul>
      <li>
        <div>
          <img src="./images/era_img1.png" alt="">
        </div>
        <p>互联网可以让大家找到自己喜欢的圈子和喜欢的人，相反，骗子也鱼目混珠，关键还是要有辨识的能力。</p>
      </li>
      <li>
        <div>
          <img src="./images/era_img2.png" alt="">
        </div>
        <p>互联网可以让大家找到自己喜欢的圈子和喜欢的人，相反，骗子也鱼目混珠，关键还是要有辨识的能力。</p>
      </li>
      <li>
        <div>
          <img src="./images/era_img3.png" alt="">
        </div>
        <p>互联网可以让大家找到自己喜欢的圈子和喜欢的人，相反，骗子也鱼目混珠，关键还是要有辨识的能力。</p>
      </li>
    </ul>
  </div>
  <footer>
    <div>
      <div class="left">
        <h2>千库网</h2>
        <p>qiankuwangfdfhksdjhlx;dvjm,.mcvm;';'dd';dkASad311323 qiangdadewangzhand xljkccs;f\2a23d12d.....</p>
        <img src="./images/footer_icon.png" alt="">
      </div>
      <ul class="right">
        <li>
          <h3>首页</h3>
          <p><a href="#">星期水电费</a></p>
          <p><a href="#">星期水电费</a></p>
          <p><a href="#">星期水电费</a></p>
          <p><a href="#">星期水电费</a></p>
        </li>
        <li>
          <h3>关于我们</h3>
          <p><a href="#">星期水电费</a></p>
          <p><a href="#">星期水电费</a></p>
          <p><a href="#">星期水电费</a></p>
          <p><a href="#">星期水电费</a></p>
        </li>
        <li>
          <h3>企业新闻</h3>
          <p><a href="#">星期水电费</a></p>
          <p><a href="#">星期水电费</a></p>
          <p><a href="#">星期水电费</a></p>
          <p><a href="#">星期水电费</a></p>
        </li>
        <li>
          <h3>联系我们</h3>
          <p><a href="#">0000-000-000</a></p>
          <p><a href="#">千库@千库。com</a></p>
        </li>
      </ul>
    </div>
    <hr>
    <p>千库网 Copyright © 2014-2019 沪ICP备10011451号-26 用时：0.0295关于我们注册声明版权声明售后服务热门搜索</p>
  </footer>
</body>
<script src="./js/less.min.js" type="text/javascript"></script>

</html>